<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/css/detail.css">
    <link rel="stylesheet" href="/libs/font_txkw6scpvy/iconfont.css">
    <title>商品详情</title>
</head>
<body>
   <header></header>
   <section style="height: 1000px;">
       <!-- //版心 -->
   <div class="container" id="design">
       <!-- //标题 -->

   </div>
   <script type="text/html" id="detailTemplate">
    <div class="detailTitle mgt30">
        <p><a href="">首页</a> > <a href="">鲜花</a> > 幸福的天空</p>
    </div>
 
    


    <!-- //购物车详情 -->
    <div class="item-preview clearfix">
    <!-- //左边的放大镜 -->
    <div class="item-left fl">
       <!-- 放大镜 -->
       <!-- 能看见的大图 -->
       <div class="depic">
<img src="{{detaiimg[0]}}" class="zoom-image">
       </div>
<div class="smallimgs">
        <ul class="clearfix" id="gall">
                {{each detaiimg img}}
                <li>
                    <!-- 指定中图大图 -->
                    <a href="javascript:;" data-image="{{img}}" data-zoom-image="{{img}}">
                        <img src="{{img}}"  class="smallpic">
                    </a>
                </li>
                {{/each}}
            </ul>
</div>

    </div>
    <div class="fr item-right">
    <h4>{{title}}<span> 编号：{{serialNumber}}</span></h4>
    <!-- 价格 -->
    <div class="item-price">
            <p><span>市场价：</span><del>{{angel}}</del></p>
            <p><span>天使价：</span><b>{{angel}}</b> <i>（购买送{{angel}}积分）</i></p>
            <p><span>材料：</span>{{text1}}</p>
            <p><span>包装：</span>{{text2}}</p>
            <p><span>花语：</span>{{text3}}</p>
            
    </div>
    <!-- http://rap2api.taobao.org/app/mock/244994/detail -->
    <!-- 附加花材 -->
     <div class="item-subjoin clearfix">
        <span class="fl">附加花材：</span>
          <div class="item-select fl">
                <select>
                        {{each size item,index}}
                        <option value="{{index}}">{{item}}</option>
                        {{/each}}
                       
                      </select>
          </div>
     
    
    </div> 
    <!-- //购物车 -->
    <div class="item-cart clearfix">
    <a href="" >立即购买</a>
    <a href="javascript:;" id="add-to-cart-btn">加入购物车</a>
    
    </div>
    </div>
    </div>
    
    <div class="cart" id="cart">
       购物车 <span>0</span>
    </div>
    </script>

   </section>
   <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main='/js/detail'></script>

</html>